<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Battleships, The Game</title>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script type="text/javascript" src="engine.js"></script>
<script type="text/javascript" src="ui.js"></script>
<script type="text/javascript" src="localstorage.js"></script>
</head>
<body>
<div id="container">
<div id="header">
<h1>Battleships, The Game</h1>
</div>
<div id="navbar">
| <a href="lobby.html">Lobby</a> | <a href="rules.html">Rules</a> | <a href="history.html">History</a> |
<a href="previousgameslist.html">Previous games</a> |
</div>
<div id="content">
<div id="sound">
<audio id='miss' src='sounds/miss.wav'></audio>
<audio id='hit' src='sounds/hit.wav'></audio>
<audio id='sank' src='sounds/sank.wav'></audio>
</div>
<div id="names">
<span>Your field</span><span id="enemy">Enemy's field</span>
</div>
<div id="fields">
<div id="table" class="table">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<div id="table2" class="table">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div id="controls">
<div id="ships" class="myBox">
<div class="div-table-row">
<div class="div-table-col">Type of ship</div>
<div class="div-table-col">Amount</div>
</div>
<div class="div-table-row">
<div class="div-table-col">
<img class="dragme" id="sh1" src="images/1point.png" alt="Ship1"></img>
</div>
<div class="div-table-col" id="sh1n">4</div>
</div>
<div class="div-table-row">
<div class="div-table-col">
<img class="dragme" id="sh2" src="images/2point.png" alt="Ship2"></img>
</div>
<div id="sh2n" class="div-table-col">3</div>
</div>
<div class="div-table-row">
<div class="div-table-col">
<img id="sh3" class="dragme" src="images/3point.png" alt="Ship3"></img>
</div>
<div id="sh3n" class="div-table-col">2</div>
</div>
<div class="div-table-row">
<div class="div-table-col">
<img id="sh4" class="dragme" src="images/4point.png" alt="Ship4"></img>
</div>
<div id="sh4n" class="div-table-col">1</div>
</div>
</div>
<div id="buttons">
<button id="btn" class="button" onclick="checkIfReady()">Ready!</button>
</div>
<div id="chat" class="myBox">
<p>Welcome to the game of battleships. Please place your ships
by dragging them from the bay. When you're ready press "Ready!"
button. Good luck!</p>
</div>
</div>
</div>
<div id="footer">
<p>
<a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88"/></a> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!"/>
</a> Authors: rsi2m and juka
</p>
</div>
<div id='test'></div>
</div>
</body>
</html>
